.container {
    height:100%;
    position:relative;
    overflow: hidden;
}

.login-container {
    position:absolute;
    width:440px;
    z-index:100;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    top:50%;
    margin-top:-180px;
    right:16%;
    /* background:rgba(11, 50, 109, 0.5); */
    /* background-color:rgba(18,142,214,0.7);
    border:1px solid rgba(212,212,212,.2);  */
    border-radius: 6px;
    background-color:#fff;
    padding:40px;
    box-shadow:0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
}

.logo-container {
    padding:20px 40px;
    /* border-bottom:1px solid rgb(10 45 70); */
}

.form-container {
    /* border-top:1px solid #3c8cde; */
    /* padding:40px; */
    margin-top:40px;
}

.logo-container img {
    width:100%;
    height:100%;

}

.bg-container {
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:50% 50%;
}
